<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all" />
  </head>
  <body layadmin-themealias="default">
    <div class="layui-fluid">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
          <div class="layui-card">
            <div class="layui-card-header">推送</div>
            <div class="layui-card-body" pad15="">
              <div class="layui-form" wid100="" lay-filter="">
                <div class="layui-form-item">
                  <label class="layui-form-label">标题</label>
                  <div class="layui-input-block">
                    <input
                      type="text"
                      name="title"
                      value=""
                      class="layui-input"
                      lay-verify="required"
                    />
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">完整链接</label>
                  <div class="layui-input-block">
                    <input
                      type="text"
                      name="url"
                      value=""
                      class="layui-input"
                      lay-verify="required"
                    />
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">排序(数值大靠前)</label>
                  <div class="layui-input-block">
                    <input
                      type="text"
                      name="sort"
                      value=""
                      class="layui-input"
                      lay-verify="required"
                    />
                  </div>
                </div>
                <div class="layui-form-item">
                  <div class="layui-input-block">
                    <button
                      class="layui-btn"
                      lay-submit=""
                      lay-filter="notice-add"
                    >
                      确认
                    </button>
                    <button
                      class="layui-btn layui-btn-primary layuiadmin-btn-push"
                      data-type="cancel"
                    >
                      取消
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <script src="/layuiadmin/layui/layui.js"></script>
    <script src="/assets/cos-js-sdk-v5/cos-js-sdk-v5.js"></script>
    <script>
      layui
        .config({
          base: "/layuiadmin/", //静态资源所在路径
        })
        .extend({
          index: "lib/index", //主入口模块
        })
        .use(["index", "push", "form", "admin"], function () {
          var $ = layui.$;
          var form = layui.form;
          var admin = layui.admin;
          //事件
          var active = {
            cancel: function () {
              var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
              parent.layer.close(index); //再执行关闭
            },
          };

          $(".layui-btn.layuiadmin-btn-push").on("click", function () {
            var type = $(this).data("type");
            active[type] ? active[type].call(this) : "";
          });

          form.on("submit(notice-add)", function (obj) {
            //提交
            admin.req({
              url: "/admin/links/add_post",
              data: {
                title: obj.field.title,
                url: obj.field.url,
                sort: obj.field.sort,
              },
              success: function (res) {
                if (res.code == 0) {
                  layer.msg(res.msg, { icon: 1 });
                  setTimeout(function () {
                    window.location.reload();
                  }, 1200);
                } else {
                  layer.msg(res.msg, { icon: 5 });
                  // setTimeout(function () {
                  //     window.location.reload();
                  // }, 2200);
                }
              },
            });
            return false;
          });
        });
    </script>
  </body>
</html>
